<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关系选择器</title>
</head>
<style>
p > strong{
    color: aquamarine;
}/*子代选择器指选择父代选择器中的第一个选择器。写法父代选择器 > 子代选择器,>前后有空格*/
h1 +h3 { 
    color: blue;
}/*临近兄弟选择器，同一父元素中兄标签+与兄最近的弟标签改变，写法：兄选择器+弟选择器*/
h2~strong{
    color: brown;
}/*普通兄弟选择器，同一父元素下兄后的弟标签全都改变，此处是h2后的p标签全都变，写法：兄标签~弟标签*/
</style>
<body>
    /*关系选择器包含子代选择器和兄弟选择器两种，兄弟选择器又包含临近兄弟选择器和普通兄弟选择器*/
<p>
    <strong>你好</strong><br>
    <h1>地坛</h1>   
     <h3>林晓华</h3>
        <h2> 余华</h2>
    </strong>活着</strong>
</p>
    
</body>
</html>